.m-radio {
  display: flex;
  padding: 3rpx 0;

  .m-radio__icon-wrap {
    display: flex;
    align-items: center;

    .m-radio__icon {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 42rpx;
      height: 42rpx;
      color: var(--color-primary, #409EFF);
      border: 1px solid #e5e5e5;
      border-radius: 100%;
      box-sizing: content-box;
      transition-property: color, border-color, background-color;
      transition-duration: 0.15s;

      &::after {
        content: " ";
        display: block;
        margin: auto;
        width: 20rpx;
        height: 20rpx;
        border-radius: 100%;
        background-color: currentColor;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        transform: scale(0);
        transition: transform 0.15s ease-in;
      }

      &.m-radio__icon--checked {
        border-color: currentColor;

        &::after {
          transform: scale(1);
        }
      }
    }

    .m-radio__icon--disabled {
      border-color: #c8c9cc;
      background-color: #ebedf0;

      &.m-radio__icon--checked {
        color: #c8c9cc;
        border-color: currentColor;

        &::after {
          background-color: currentColor;
        }
      }
    }
  }

  .m-radio__label {
    display: inline-flex;
    align-items: center;
    flex: 1;
    word-wrap: break-word;
    color: var(--color-text-regular, #606266);

    &.m-radio__label--left {
      margin-right: 20rpx;
    }

    &.m-radio__label--right {
      margin-left: 20rpx;
    }
  }
}